<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"   
      xmlns:h="http://java.sun.com/jsf/html"
      >
    <h:head></h:head>
    <h:body>
    	
    	<h1>JSF 2 outputScript example</h1>
    	
    	<h:outputScript library="js" name="jquery.min.js" target="head" />
    	<h:outputScript library="js" name="keepinview.js" target="head" />
    	<h:outputScript library="js" name="efecto.js" target="head" />
    	
    	<h:outputStylesheet>
          .pic-normal {
           width: 120px;
            border: 2px solid #ACBECE;
           } 
        </h:outputStylesheet>
        
        <h:outputStylesheet library="css" name="stylesheet.css"  />
 
    	
    	<h:panelGroup>
						<div id="carrritoCont">
							<h:panelGrid columns="3">
								<h:panelGroup>
									<a href="#" id="vinculoCarro" class="btnCarro">Carrito </a>
								</h:panelGroup>
								<h:panelGroup>
									<h1>(5)</h1>
								</h:panelGroup>
								<h:panelGroup>
									<span>productos</span>
								</h:panelGroup>
							</h:panelGrid>

						</div>
						<div id="tablaProductos">
							esto es una prueba
							<table width="100%" border="1">
								<tr>
									<td>&nbsp;</td>
									<td>&nbsp;</td>
									<td>&nbsp;</td>
								</tr>
								<tr>
									<td>&nbsp;</td>
									<td>&nbsp;</td>
									<td>&nbsp;</td>
								</tr>
								<tr>
									<td>&nbsp;</td>
									<td>&nbsp;</td>
									<td>&nbsp;</td>
								</tr>
								<tr>
									<td>&nbsp;</td>
									<td>&nbsp;</td>
									<td>&nbsp;</td>
								</tr>
								<tr>
									<td>&nbsp;</td>
									<td>&nbsp;</td>
									<td>&nbsp;</td>
								</tr>
							</table>
						</div>

					</h:panelGroup>
    </h:body>

</html>